<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>캠핑예약화면</title>
<link href="./base.css" rel="stylesheet">
<style type="text/css">

</style>
</head>
<body>
	<div id="container">
		<div id="header">
			<div id="header_img">
				<div><img src="./camping_logo.jpg">
					<img src="./key.gif" class="fr">
				</div>
				<div id="topMenuLogo">
					<img alt="" src="./campinglogo.gif" class="fr">
				</div>
			</div>
			
			
			<div id="topMenuList">
				<div class="fl">
					<img alt="" src="./reservation_img.jpg" style="margin-bottom: 0px;">
				</div>
				<div class="fr topLeftMenu">
					<ul>
						<li><a href=""><img alt="" src="./img/menu_down_1.jpg"> </a></li>
						<li><a href=""><img alt="" src="./img/menu_down_2.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_3.jpg"></a></li>
						<li><a href=""><img alt="" src="./img/menu_down_4.jpg"></a></li>
					</ul>
				</div>
			</div>
			<div id="line">
				
			</div>
		</div>
		<div id="body">
			<p>해달 날짜, 객실명에 마우스를 올리면 상세 설명을 볼수 있습니다</p>
			<p>예약가능, 예약진행중, 예약완료</p>
			<table style="width: 100%">
				<tr>
					<td colspan="7" style="text-align: center;">
						<div>
							<a href=""><img alt="" src="./img/calendar_arrow_l.jpg"  style="vertical-align:top; padding-top: 20px;padding-right: 10px;"></a>
							<strong style="font-size: 36px;font-weight: bold;font-family: Arial Black">2013년 1월</strong>
							<a href=""><img alt="" src="./img/calendar_arrow_r.jpg" style="vertical-align:top; padding-top: 20px;padding-left : 10px;"></a>
						</div>
						<div style="padding-left: 0px;float: right;"><strong style="color: #ff9f52; ">TODAY : 2013년 1월 22일(화)</strong></div>
						
						
					</td>
				</tr>
			</table>
			<table class="cal1">
				<tr>
					<th class="calRed">일요일</th>
					<th class="calBlack">월요일</th>
					<th class="calBlack">화요일</th>
					<th class="calBlack">수요일</th>
					<th class="calBlack">목요일</th>
					<th class="calBlack">금요일</th>
					<th class="calBlue">토요일</th>
				</tr>
				<tr>
					<td>
					
					</td>
					<td></td>
					<td>
						<div class="tr calJuganBack">
							<strong>22</strong>
						</div>
						<div>
							<ul>
								<li>아쿠아</li>
								<li>캔투스</li>
								<li>캔투스</li>
								<li>테라</li>
								<li>루면</li>
								<li>케글</li>
							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>23</strong>
						</div>
						<div>
							<ul>
								<li>아쿠아</li>
								<li>캔투스</li>
								<li>캔투스</li>
								<li>테라</li>
								<li>루면</li>
								<li>케글</li>
							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>24</strong>
						</div>
						<div>
							<ul>
								<li>아쿠아</li>
								<li>캔투스</li>
								<li>캔투스</li>
								<li>테라</li>
								<li>루면</li>
								<li>케글</li>
							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>25</strong>
						</div>
						<div>
							<ul>
								<li>아쿠아</li>
								<li>캔투스</li>
								<li>캔투스</li>
								<li>테라</li>
								<li>루면</li>
								<li>케글</li>
							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBackSat">
							<strong class="calBlue">26</strong>
						</div>
						<div class="calBackSat">
							<ul>
								<li>아쿠아</li>
								<li>캔투스</li>
								<li>캔투스</li>
								<li>테라</li>
								<li>루면</li>
								<li>케글</li>
							</ul>
						</div>
					</td>
				</tr>
				
				<tr>
					<td>
						<div class="tr calJuganBackSun">
							<strong class="calRed">27</strong>
						</div>
						<div class="calBackSun">
							<ul>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;아쿠아</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;테라</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;루면</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;케글</a></li>
							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>28</strong>
						</div>
						<div>
							<ul>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;아쿠아</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;테라</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;루면</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;케글</a></li>
							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>29</strong>
						</div>
						<div>
							<ul>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;아쿠아</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;테라</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;루면</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;케글</a></li>

							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>30</strong>
						</div>
						<div>
							<ul>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;아쿠아</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;테라</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;루면</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;케글</a></li>

							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>2/1</strong>
						</div>
						<div>
							<ul>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;아쿠아</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;테라</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;루면</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;케글</a></li>

							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBack">
							<strong>2/2</strong>
						</div>
						<div>
							<ul>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;아쿠아</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;테라</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;루면</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;케글</a></li>

							</ul>
						</div>
					</td>
					<td>
						<div class="tr calJuganBackSat">
							<strong class="calBlue">2/3</strong>
						</div>
						<div class="calBackSat">
							<ul>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;아쿠아</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;캔투스</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;테라</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;루면</a></li>
								<li><a href=""><img src="./img/icon_blue.jpg">&nbsp;케글</a></li>

							</ul>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</div>	
</body>
</html>